<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>会员信息</title>
	<link rel="stylesheet" href="./public/css/member.css">
</head>

<body>
	<div id="header"></div>
	<div id="right"></div>
	<div class="container">
		<div class="tab-nav">
			<div class="tab active" data-tab="profile">个人信息</div>
			<div class="tab" data-tab="word">修改密码</div>
			<div class="tab" data-tab="applications">申请记录</div>
		</div>
		<!-- 个人信息 -->
		<div class="tab-content active" id="profile">
			<div class="card">
				<h3 class="card-title">基本信息</h3>
				<div class="form-grid">
					<div class="form-group">
						<label class="form-label">用户名</label>
						<input type="text" class="form-control" value="testuser" readonly>
					</div>
					<div class="form-group">
						<label class="form-label">姓名</label>
						<input type="text" class="form-control" value="张三">
					</div>
					<div class="form-group">
						<label class="form-label">公司</label>
						<input type="text" class="form-control" value="aaaa">
					</div>
					<div class="form-group">
						<label class="form-label">邮箱</label>
						<input type="tel" class="form-control" value="xxxx@qq.com">
					</div>
					<div class="form-group">
						<label class="form-label">手机</label>
						<input type="tel" class="form-control" value="10086">
					</div>
					<div class="form-group">
						<label class="form-label">座机</label>
						<input type="email" class="form-control" value="010-12345678">
					</div>
					<div class="form-group">
						<label class="form-label">微信</label>
						<input type="email" class="form-control" value="wechat">
					</div>
					<div class="form-group">
						<label class="form-label">QQ</label>
						<input type="email" class="form-control" value="qq">
					</div>
					<div class="form-group">
						<label class="form-label">所在地区</label>
						<div class="form-control-all">
							<select class="form-control-one" id="prov">
								<option>=请选择省份=</option>
							</select>
							<!--城市选择-->
							<select class="form-control-one" id="city">
								<option>=请选择城市=</option>
							</select>
							<!--县区选择-->
							<!-- <select class="select-one"  id="country" onchange="selecCountry(this)">
								<option>=请选择县区=</option>
						</select> -->
						</div>
					</div>
					<div class="form-group">
						<label class="form-label">应用行业</label>
						<select class="form-control">
							<option>全部服务</option>
							<option>工业机电</option>
							<option>电池</option>
							<option>xxx</option>
						</select>
					</div>
				</div>
				<button type="button" class="btn btn-primary" style="margin-top: 20px;">保存信息</button>
			</div>

		</div>

		<!-- 修改密码 -->
		<div class="tab-content" id="word">
			<div class="card">
				<h3 class="card-title">修改密码</h3>
				<div class="form-grid">
					<div class="form-group">
						<label class="form-label">验证码</label>
						<div class="code-container">
							<input type="text" class="form-control" placeholder="请输入验证码">
							<button type="button" class="code-btn">获取验证码</button>
						</div>
					</div>
					<div class="form-group">
						<label class="form-label">新密码</label>
						<input type="password" class="form-control" placeholder="请输入新密码">
					</div>
					<div class="form-group">
						<label class="form-label">确认新密码</label>
						<input type="password" class="form-control" placeholder="请再次输入新密码">
					</div>
				</div>
				<button type="button" class="btn btn-primary" style="margin-top: 20px;">修改密码</button>
			</div>
		</div>

		<!-- 申请记录 -->
		<div class="tab-content" id="applications">
			<div class="card">
				<h3 class="card-title">申请记录查询</h3>

				<!-- 筛选条件行 - 所有条件在同一行 -->
				<div class="filter-row">
					<div class="filter-group">
						<label class="form-label">申请类型</label>
						<select class="form-control">
							<option value="">全部类型</option>
							<option value="1">类型1</option>
							<option value="2">类型2</option>
							<option value="3">类型3</option>
						</select>
					</div>

					<div class="filter-group">
						<label class="form-label">状态</label>
						<select class="form-control">
							<option value="">全部状态</option>
							<option value="1">状态1</option>
							<option value="2">状态2</option>
							<option value="3">状态3</option>
							<option value="4">状态4</option>
						</select>
					</div>

					<div class="filter-group">
						<label class="form-label">开始日期</label>
						<input type="date" class="form-control">
					</div>

					<div class="filter-group">
						<label class="form-label">结束日期</label>
						<input type="date" class="form-control">
					</div>

					<button class="btn btn-primary search-btn">查询</button>
					<button class="btn btn-primary reset-btn">重置</button>
				</div>

				<table>
					<thead>
						<tr>
							<th>申请ID</th>
							<th>类型</th>
							<th>状态</th>
							<th>申请时间</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>10001</td>
							<td>类型1</td>
							<td>已通过</td>
							<td>2023-06-15 14:30</td>
							<td><button class="action-btn">查看</button></td>
						</tr>
						<tr>
							<td>10002</td>
							<td>类型2</td>
							<td>审核中</td>
							<td>2023-06-10 09:15</td>
							<td><button class="action-btn">查看</button></td>
						</tr>
						<tr>
							<td>10003</td>
							<td>类型3</td>
							<td>已拒绝</td>
							<td>2023-05-28 16:45</td>
							<td><button class="action-btn">查看</button></td>
						</tr>
						<tr>
							<td>10004</td>
							<td>类型1</td>
							<td>已通过</td>
							<td>2023-05-20 10:30</td>
							<td><button class="action-btn">查看</button></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<div id="footer"></div>

	<script src="./public/js/jquery.min.js"></script>
	<script src="./public/js/common.js"></script>
	<script src="./public/js/member.js"></script>
</body>

</html>